import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:moose_app/ui/values/values.dart';

class ATHCommonCommentItem extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.symmetric(vertical: kSize10),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          ClipRRect(
            borderRadius: BorderRadius.circular(kSize40),
            child: Container(
              height: kSize80,
              width: kSize80,
              color: kColorPrimaryLight,
              child: Image.asset(
                "assets/images/avatar_boy.png",
                fit: BoxFit.fill,
              ),
            ),
          ),
          Flexible(
            child: Container(
              margin: EdgeInsets.only(left: kSize10),
              child: Column(
                children: [
                  Row(
                    children: [
                      Expanded(
                          child: Text(
                        "测试用户",
                        style:
                            TextStyle(fontSize: kFontSize32, color: kColor33),
                      )),
                      Icon(
                        Icons.more_horiz,
                        color: kColor99,
                      ),
                    ],
                  ),
                  Container(
                    margin: EdgeInsets.only(top: kSize8),
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Expanded(
                          child: Text(
                            "测试评论测试评论测试评论测试评论测试评论测试评论测试评论测试评论测试评论测试评论评论测试评论测试评论评论测试评论测试评论评论测试评论测试评论评论测试评论测试评论评论测试评论测试评论",
                            maxLines: 2,
                            overflow: TextOverflow.ellipsis,
                            style: TextStyle(
                                fontSize: kFontSize28, color: kColor66),
                          ),
                        ),
                      ],
                    ),
                  ),
                  Container(
                    margin: EdgeInsets.only(top: kSize10),
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Expanded(
                          child: Text(
                            "02-18",
                            maxLines: 2,
                            overflow: TextOverflow.ellipsis,
                            style: TextStyle(
                                fontSize: kFontSize24, color: kColor99),
                          ),
                        ),
                        Row(
                          children: [
                            SvgPicture.asset("assets/icons/icon_heart.svg",
                                width: kSize32, color: kColor99),
                            Text("199",
                                style: TextStyle(
                                    fontSize: kFontSize24, color: kColor99)),
                          ],
                        )
                      ],
                    ),
                  ),
                  Container(
                    margin: EdgeInsets.only(top: kSize20),
                    child: Row(
                      children: [
                        Text(
                          "展开查看 16 条评论",
                          style: TextStyle(color: kColorPrimary),
                        ),
                        SvgPicture.asset("assets/icons/icon_arrow_down.svg",
                            width: kSize38, color: kColorPrimary)
                      ],
                    ),
                  ),
                  Divider(),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}
